<!DOCTYPE html>
<html lang="zh-Hans-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width" />
    <meta name="author" content="Andy qq:594649546 tel:13711805852" />
    <meta name="robots" content="all" />

    <meta name="keywords" content="郭文明,小郭,吉他锅,仔仔网络博客,小郭个人博客,绝情的吉他,web前端" />
    <meta name="description" content="大家好,我的名字叫郭文明,通常别人都喜欢叫我的英文名Andy和小郭,我是一个假程序猿吧,我喜欢代码,如果你也喜欢代码或是你有需求,我相信我们可以成为朋友哦,qq:594649546,tel:13711805852">
    
    <title>郭文明-小郭-吉他锅-仔仔网络博客-小郭个人博客-绝情的吉他-web前端</title>
    <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="layui/css/layui.css" rel="stylesheet" type="text/css">
    <link href="css/home.css" rel="stylesheet">

    <link href="css/animate.css" rel="stylesheet">

</head>
<body>
    <div id="menu" class="hover_animation menu_open" data-mark="false">
        <span></span>
        <span></span>
        <span></span>
    </div>
    <div id="navgation" class="navgation navgation_close">
        <ul class="point">
            <li><a href="###">首页</a></li>
            <li><a href="http://www.d163.net" target="_blank">博客</a></li>
            <li><a href="###">留言3</a></li>
        </ul>
        <div class="logo"><a href="###">Andy</a></div>
    </div>
    <div class="section" id="section1">
        <div class="fp-tablecell">
            <div class="page1">
                <div class="nav wow zoomIn animated" data-wow-duration="2s">
                    <h1>郭  文  明</h1>
                    <p>&nbsp;剑气纵横三万里,一剑光寒十九洲</p>
                    <a class="layui-btn layui-btn-normal" style="margin-top: 20px"  target="_blank" href="http://www.d163.net">Enter Blog</a>
                </div>
                <a class="next wow fadeInUp animated" data-wow-duration="2s" id="next"></a>
            </div>
        </div>
    </div>
    <div class="section" id="section2">
        <div class="fp-tablecell">
            <div class="page2">
                <div class="warp-box">
                    <div class="new-article">
                        <div class="inner wow fadeInDown animated" data-wow-delay=".2s" >
                            <h1>热门文章</h1>
                            <p>
                                很想给你写封信,告诉你这里的天气.
                                <br>昨夜的那场电影,还有我的心情.
                            </p>
                        </div>
                    </div>
                    <div class="layui-row">
                                <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp animated" style="padding: 0px 10px; ">
                                    <div class="single-news">
                                        <div class="news-head">
                                            <img src="images/20186617145524.jpg">
                                            <a href="###" class="link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="news-content">
                                            <h4 class="layui-elip">
                                                <a href="###">
                                                    逆水寒
                                                </a>
                                            </h4>
                                            <div class="date">
                                                2018年06月06日
                                            </div>
                                            <p>
                                                车到山前必有路，船到桥头自然直！
                                            </p>
                                            <a href="###" class="btn">
                                                阅读更多
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp animated" data-wow-delay=".2s" style="padding: 0px 10px;">
                                    <div class="single-news">
                                        <div class="news-head">
                                            <img src="images/201853014484278.jpg">
                                            <a href="http://tpl.imarc.cn/templates/" class="link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="news-content">
                                            <h4 class="layui-elip">
                                                <a href="http://tpl.imarc.cn/templates/">
                                                    模板分享
                                                </a>
                                            </h4>
                                            <div class="date">
                                                2019年08月22日
                                            </div>
                                            <p>
                                                PbootCMS建站网站模板的源码直接放入模板文件夹可用
                                            </p>
                                            <a href="http://tpl.imarc.cn/templates/" class="btn">
                                                阅读更多
                                            </a>
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-xs12 layui-col-sm4 layui-col-md4  wow fadeInUp animated" data-wow-delay=".4s" style="padding: 0px 10px;">
                                    <div class="single-news">
                                        <div class="news-head">
                                            <img src="images/20185171632987.png">
                                            <a href="###" class="link"><i class="fa fa-link"></i></a>
                                        </div>
                                        <div class="news-content">
                                            <h4 class="layui-elip">
                                                <a href="###">
                                                    使用码云和VS托管本地代码
                                                </a>
                                            </h4>
                                            <div class="date">
                                                2018年05月17日
                                            </div>
                                            <p>
                                                以前自己写的一些小项目和demo我都是备份到百度云盘，每次有更新都需要打包重新上传，很麻烦。
现在我们可以选择GitHub或者码云来托管我们的本地项目
                                            </p>
                                            <a href="###" class="btn">
                                                阅读更多
                                            </a>
                                        </div>
                                    </div>
                                </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section3">
        <div class="fp-tablecell">
            <div class="page3">
                <div class="warp-box">
                    <div class="warp">
                        <div class="inner">
                            <div class="links">
                                <ul>
                                    <li class="wow fadeInLeft"><a target="_blank" href="http://www.d163.net/about.html">关于</a></li>
                                    <li class="wow fadeInRight"><a href="###">+友情链接</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section" id="section4">
        <div class="fp-tablecell">
            <div class="page4">
                <div class="warp-box">
                    <div class="about">
                        <div class="inner">
                            <h1 class="wow fadeInLeft animated">吉他锅</h1>
                            <p class="wow fadeInRight animated" style="visibility: visible; animation-name: fadeInRight;">
                                爱好音乐、象棋、足球。闲来无事喜欢一个人跑到山顶吹吹风，撸起代码就会废寝忘食。
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <footer class="footer" id="contact">
        <div class="footer-top">
            <div class="container">
                <div class="layui-row  wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                        <div class="single-widget about">
                            <div class="footer-logo">
                                <h2>郭文明</h2>
                            </div>
                            <p>剑气纵横三万里，一剑光寒十九洲。</p>
                            <div class="button">
                                <a target="_blank" href="http://www.d163.net/about.html" class="btn layui-btn layui-btn-normal">About Me</a>
                            </div>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm6 layui-col-md4">
                        <div class="single-widget">
                            <h2>相关链接</h2>
                            <ul class="social-icon">
                                <li class="active"><a href="###"><i class="fa fa-book"></i>博文</a></li>
                                <li class="active"><a target="_blank" href="http://www.d163.net/about.html#contact"><i class="fa fa-comments"></i>留言</a></li>
                                <li class="active"><a href="###"><i class="fa fa-share"></i>资源</a></li>
                                <li class="active"><a href="###"><i class="fa fa-snowflake-o"></i>日记</a></li>
                                <li class="active"><a href="###"><i class="fa fa-files-o"></i>归档</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="layui-col-xs12 layui-col-sm12 layui-col-md4">
                        <div class="single-widget contact">
                            <h2>联系我</h2>
                            <ul class="list">
                                <li><i class="fa fa-map"></i>地址: 广东省东莞市厚街名家居世博园</li>
                                <li><i class="fa fa-qq"></i>QQ: 594649546 </li>
                                <li><i class="fa fa-envelope"></i>邮箱: vip#d163.net(将#换成@)</li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyright">
            <div class="container">
                <div class="layui-row">
                    <div class="layui-col-xs12 layui-col-sm12 layui-col-md12 text-center">
                        <p>Copyright © 2018-2018 郭文明 All Rights Reserved V.3.1.3 粤ICP备18008600号</p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <div id="loading">
        <div id="loading-center">
            <div id="loading-center-absolute">
                <div class="object" id="object_one"></div>
                <div class="object" id="object_two"></div>
                <div class="object" id="object_three"></div>
            </div>
        </div>
    </div>
    <script src="js/jquery.min.2.1.4.js"></script>
    <script src="layui/layui.js"></script>
    <script src="js/wow.js"></script>

    <script src="js/home.js"></script>



</body>

</html>